<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>about us</title>

  <!-- Favicons -->
  <link href="../static/assets/img/tubiao.png" rel="icon">


  <!-- Vendor CSS Files -->
  <link href="../static/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="../static/assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="../static/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="../static/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="../static/assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="../static/assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="../static/assets/css/style.css" rel="stylesheet">

</head>

<body>



  <!-- ======= Header ======= -->
  <header id="header">
    <div class="container">

      <div class="logo float-left">
        <h1 class="text-light"><a><span>welcome to movies space</span></a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="backup.html"><img src="../static/assets/img/logo.png" alt="" class="img-fluid"></a>-->
      </div>

      <nav class="nav-menu float-right d-none d-lg-block">
        <ul>
          <li><a href="/home/{{ username }}">首页</a></li>
          <li><a href="/movie_1/{{ username }}">电影</a></li>
             <li><a href="/squire/{{ username }}">广场</a></li>
          <li><a href="/data/{{ username }}">数据表</a></li>
          <li class="active"><a href="/about/{{ username }}">关于我们</a></li>
          <li><a href="/my/{{ username }}">{{ username }}</a></li>
        </ul>
      </nav><!-- .nav-menu -->

    </div>
  </header><!-- End Header -->


    <section id="team" class="team">
      <div class="container">
        <div class="section-title">
          <h2>猎奇电影爱好者交流平台</h2>
          <p>豆瓣前250部电影的数据可以通过爬虫在这里可视化，直观清晰地看到电影的所有基本信息和相关数据分析。</p>
          <p>The data of the top 250 Douban movies can be visualized here through the crawler, and you can see all the basic information and relevant data analysis of the movies intuitively and clearly.</p>
        </div>
      </div>
    </section><!-- End Our Team Section -->

   <!-- ======= Our Team / wordcloud Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="row no-gutters">
          <div class="col-lg-6 video-box">
            <img src="../static/assets/img/img.png" class="img-fluid" alt="">
          </div>

          <div class="col-lg-6 d-flex flex-column justify-content-center about-content">

            <div class="section-title">
              <h2>About Us</h2>
              <p>We are members of the first group of python crawler practice</p>
            </div>

            <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
              <div class="icon"><i class="bx bx-fingerprint"></i></div>
              <h4 class="title"><a>Lorem Ipsum</a></h4>
                <h1>探讨影感</h1>
                <p>用户可以通过评论系统表达对电影的看法，与其他用户进行讨论，产生共鸣，从而促进创造性的电影讨论和交流。</p>

                <h1>影友交友</h1>
                <p>通过该平台，用户可以注册、登录，管理个人信息，建立和管理好友关系，浏览电影列表，并实现好友之间的实时聊天。</p>

                <h1>小众人群</h1>
                <p>平台可以成为一个独特而吸引人的社区，提供一个专注于猎奇电影的交流空间。平台提供的一系列悬疑、恐怖等猎奇电影，针对这一兴趣爱好的人群来说，发现共同爱好的人，产生共鸣以及获得影视推荐等是非常有吸引力的。</p>

            </div>

          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->



    <!-- ======= Contact Us Section ======= -->
    <section id="contact" class="contact">
      <div class="container">

        <div class="section-title">
          <h2>Contact Us</h2>
        </div>

        <div class="row">



          <div class="col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
            <div class="info-box ">
              <i class="bx bx-phone-call"></i>
              <h3>Call Us</h3>
              <p>+138 8267 2311<br>+138 8828 8838</p>
            </div>
          </div>
            <div class="col-lg-6 d-flex align-items-stretch" data-aos="fade-up">
            <div class="info-box">
              <i class="bx bx-map"></i>
              <h3>Our Address</h3>
              <p>00000000.@qq.com</p>
            </div>
          </div>

        </div>

      </div>
    </section>


  <footer id="footer">
    <div class="container">
      <div class="copyright">Copyright &copy; 2023.Movies name All rights reserved.<a target="_blank" ></a></div>
      <div class="credits"></div>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

  <!-- Vendor JS Files -->
  <script src="../static/assets/vendor/jquery/jquery.min.js"></script>
  <script src="../static/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../static/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="../static/assets/vendor/jquery-sticky/jquery.sticky.js"></script>
  <script src="../static/assets/vendor/venobox/venobox.min.js"></script>
  <script src="../static/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  <script src="../static/assets/vendor/counterup/counterup.min.js"></script>
  <script src="../static/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="../static/assets/vendor/aos/aos.js"></script>

  <!-- Template Main JS File -->
  <script src="../static/assets/js/main.js"></script>

</body>

</html>